$(document).ready(function() {
    $('#tabs').tabs();
    $('.video').attr('width', '100%')
            .attr('height', $('.video').width() / 1.777777778);

    $('select').each(function(i, e) {
        var value = $(e).attr('class');
        if (value)
            $(this).val(value);
    });

    var classColor = [
        {to: 'tecnico', add: 'rover'},
        {to: 'interatividade', add: 'gover'},
        {to: 'abrangencia', add: 'bover'},
        {to: 'media', add: 'wover'}];

    $(classColor).each(function(i, cc) {
        $('.' + cc.to).mouseover(function(e) {
            $('th.' + cc.to + ', td.' + cc.to).addClass(cc.add);
        }).mouseout(function(e) {
            $('table *').removeClass(cc.add);
        });
    });

    $('th').mouseover(function(e) {
        $('table *').removeClass('gover');
        $('th.' + $(this).attr('class') + ', td.' + $(this).attr('class')).addClass('gover');
    });

    $('input:submit').button();

    $('div#main-menu ul li, div#main-menu ul li ul').click(function(e) {
        if (!$(this).hasClass('click')) {
            var show = false;
            $(this).children().each(function(i, e) {
                if ($(e).is('ul')) {
                    $('div#main-menu ul li, div#main-menu ul li ul').each(function(f, g) {
                        if ($(g).is('ul'))
                            $(g).hide();
                        if ($(g).is('li'))
                            $(g).removeClass('click');
                    });

                    $(e).show();
                    show = true;
                }
            });
            if (show == false) {
                $(this).parent().children().children().each(function(i, e) {
                    if ($(e).is('ul')) {
                        $(e).hide();
                    }
                });
                $(this).removeClass('click');
            } else {
                $(this).addClass('click');
            }
        } else {
            $(this).removeClass('click').children('ul').hide();
        }
    });

    $('.logo').mouseover(function(e) {
        $('.logodialoganchor').slideDown();
    }).mouseleave(function(e) {
        $('.logodialoganchor').slideUp();
    });
    $('.logodialoganchor').click(function() {
        $('#logodialog').dialog({
            modal: true,
            width: 0.8 * $(document).width()
        });
    });

    $("#accordion").accordion({
        collapsible: true,
        heightStyle: "content"
    });
    $(".buttonset").buttonset();

    $('#face').append(
            '<div id="fb-root"></div>' +
            '<script>(function(d, s, id) {' +
            'var js, fjs = d.getElementsByTagName(s)[0];' +
            'if (d.getElementById(id))' +
            'return;' +
            'js = d.createElement(s);' +
            'js.id = id;' +
            'js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=494119900670086";' +
            'fjs.parentNode.insertBefore(js, fjs);' +
            '}(document, \'script\', \'facebook-jssdk\'));</script>' +
            '<div class="fb-like-box" data-href="https://www.facebook.com/laissensp" data-width="292" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>'
            );

    $('.dialog').click(function() {
        var container = $(this).next();
        $(container).show();
        $('#dialog').html(container).attr('title', 'Destaque de Internet e Saúde').dialog({
            modal: true,
            width: $(container).width() * 1.05,
            position: 'center'
        });

    });

    $('#secao').change(function() {
        window.location = '/laiss/administracao/?idsecao=' + $(this).val();
    });

    $('.projeto').click(function() {
        $('#table, #charts').fadeOut();
        var projeto = $(this).attr('id');
        $('#grupo option').removeAttr('selected');
        $('#fonte option').removeAttr('selected');
        $('#criterio option').removeAttr('selected');
        $('#projeto').val(projeto);
        $('#fonte *').each(function(i, e) {
            $(e).removeAttr('selected');
            if ($(e).hasClass(projeto))
                $(e).show();
            else
                $(e).hide();
            if ($(e).val() == 'todos')
                $(e).show();
        });
    });

















});
